<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>PrimeFaces</title>
            </f:facet>
        </h:head> 

        <h:body>
            <ui:composition template="./template.xhtml">
                <ui:define name="top">
                    
                </ui:define>
                <ui:define name="left">
                    <h:form >
                        <p:menu my="true" style="width:200px">
                            <p:submenu label="Navigation Employé" >  
                                <p:menuitem value="Les employés" action="#{redirectionBean.getRedirectionListeAmploye}" icon="ui-icon-home"
                                            styleClass="#{view.viewId == '/listeTravailleur.xhtml' || 
                                                          view.viewId == '/ajouterUnTravailleur.xhtml' || 
                                                          view.viewId == '/detailTravailleur.xhtml' ||
                                                          view.viewId == '/editerUnTravailleur.xhtml' ? 'ui-state-active' : ''}"
                                            />  
                                
                            </p:submenu>
                            <p:submenu label="Navigation Mission">  
                                <p:menuitem value="Gestion des missions" action="#{redirectionBean.getRedirectionGestionMission}" icon="ui-icon-suitcase" 
                                            styleClass="#{view.viewId == '/gestionMission.xhtml' ? 'ui-state-active' : ''}"
                                            />   
                            </p:submenu>  
                            <p:submenu label="Navigation Réglage">  
                                <p:menuitem value="Réglage formulaire" action="#{redirectionBean.getRedirectionGeglageformulaire}" icon="ui-icon-gear"
                                            styleClass="#{view.viewId == '/reglageformulaire.xhtml' ? 'ui-state-active' : ''}"
                                            />  
                            </p:submenu>  
                        </p:menu> 
                    </h:form>
                </ui:define>
                <ui:define name="content">

                    <h:form>

                    </h:form>
                    <h:form id="formListRechTravailleur">
                        <p:panel header="Employé" style="width: 95%">
                            <f:facet name="header">
                                Rechercher un employé
                                <p:commandButton id="AjouterUnutilisateur" 
                                                 styleClass="ui-priority-primary"
                                                 style="float: right;" value="Créer un employé" icon="ui-icon-plus"
                                                 action="#{travailleurBean.creerUnTravailleur}">
                                </p:commandButton>

                            </f:facet>
                            <h:panelGrid columns="3">
                                <h:outputLabel value="Recherche :" for="inputRecherche" />  
                                <p:autoComplete id="inputRecherche" value="#{lesTravailleursBean.textRecherche}" completeMethod="#{lesTravailleursBean.complete}" />  
                                <p:commandButton 
                                    action="#{lesTravailleursBean.rechercherUnTravailleur}"
                                    icon="ui-icon-search" 
                                    update=":formListRechTravailleur:resultatTravailleur" />
                            </h:panelGrid>

                            <p:dataTable id="resultatTravailleur" 
                                         var="cvTravailleur" 
                                         value="#{lesTravailleursBean.listCvTravailleur}" 
                                         rowKey="#{cvTravailleur.id}"  
                                         selection="#{lesTravailleursBean.cvTravailleurSelectionner}" 
                                         paginator="true" rows="10"
                                         rowsPerPageTemplate="5,10,15,30,50">  

                                <f:facet name="header">  
                                    Résultat de la recherche! 

                                </f:facet>  

                                <p:column headerText="Matricule">  
                                    <h:outputText value="#{cvTravailleur.IDpersonne}" />  
                                </p:column>  
                                <p:column headerText="Nom">  
                                    <h:outputText value="#{cvTravailleur.nom}" />  
                                </p:column>  
                                <p:column headerText="Prenom">  
                                    <h:outputText value="#{cvTravailleur.prenom}" />  
                                </p:column>  
                                <p:column headerText="Date de naissance">  
                                    <h:outputText value="#{cvTravailleur.datenaissance}" >
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>
                                </p:column>  
                                <p:column headerText="Mission">
                                    <h:outputText value="#{cvTravailleur.cvAffectationIdaffectation.cvEquipedepartementIdequipedepartement.iddepartement.idmission.idmission}" /> 
                                </p:column>
                                <p:column headerText="Compagnie">
                                    <h:outputText value="#{cvTravailleur.cvTravail.idcompagnie.nomcompagnie}" /> 
                                </p:column> 

                                <p:column headerText="Action">
                                    <p:commandButton action="#{lesTravailleursBean.voirDetailDunTravailleur}" icon="ui-icon-search" >
                                        <f:setPropertyActionListener value="#{cvTravailleur}" target="#{lesTravailleursBean.cvTravailleurSelectionner}"/>
                                        
                                    </p:commandButton>
                                </p:column> 

                            </p:dataTable>
                        </p:panel>
                    </h:form>
                </ui:define>
            </ui:composition>
        </h:body>

    </f:view>
</html>

